<div class="panel panel-default panel-intro">
  <div class="panel-heading">
    {:build_heading(null, false)}
    <ul class="nav nav-tabs">
      <li class="active"><a href="#base" data-toggle="tab">客户资料</a></li>
      <li><a href="#visit" data-toggle="tab">回访列表</a></li>
      <li><a href="#receive" data-toggle="tab">申请记录</a>
    </ul>
  </div>
  <div class="panel-body">
    <div id="myTabContent" class="tab-content">

      <!-- 要注意 id 和 href 属性的捆绑 -->

      <!-- 客户资料 -->
      <div class="tab-pane fade active in" id="base">
        <div class="panel-body newrow prindBody">
          <div class="business">
            <div class="detailed">
              <div class="son">客户名称：</div>
              {if condition="$businlist.nickname"}
              <div class="con">{$businlist.nickname}</div>
              {else /}
              <div class="con">未知</div>
              {/if}
            </div>
            <div class="detailed">
              <div class="son">性别：</div>
              <div class="con">{$businlist.gender_text}</div>
            </div>
            <div class="detailed">
              <div class="son">客户来源：</div>
              {if condition="$businlist.source.name"}
              <div class="con">{$businlist.source.name}</div>
              {else /}
              <div class="con">未知</div>
              {/if}
            </div>
            <div class="detailed">
              <div class="son">客户地址：</div>
              {if condition="$businlist.province_text"}
              <div class="con">{$businlist.province_text}{$businlist.city_text}{$businlist.district_text}</div>
              {else /}
              <div class="con">未知</div>
              {/if}
            </div>
          </div>
        </div>
      </div>

      <!-- 回访列表 -->
      <div class="tab-pane fade" id="visit">
        <div class="panel-body newrow prindBody">
          <div class="business">
            <div class="detailed">
              <div class="son">回访内容：</div><textarea readonly>{$businlist.visit.content}</textarea>
            </div>
            <div class="detailed">
              <div class="son">回访时间：</div>
              {if condition="$businlist.visit.createtime"}
              <div class="con">{$businlist.visit.createtime|date="Y-m-d H:i", ###}</div>
              {else /}
              <div class="con">无</div>
              {/if}
            </div>
          </div>
        </div>
      </div>

      <!-- 申请记录 -->
      <div class="tab-pane fade" id="receive">
        <div class="panel-body newrow prindBody">
          <div class="business">
            <div class="detailed">
              <div class="son">申请记录：</div>
              <div class="con">123</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<style>
  .business {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .business .detailed {
    display: flex;
    justify-content: space-between;
    width: 47%;
    padding-top: 2%;
  }

  .business .detailed .son {
    width: 15%;
    font-weight: bolder;
  }

  .business .detailed .con {
    width: 80%;
  }

  .business .detailed textarea {
    width: 80%;
    height: 100px;
  }
</style>